<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <meta charset="utf-8" /> 
  <title></title> 
  <link rel="shortcut icon" href="favicon.ico" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/style.css" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/anythingslider.css" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/colorbox.css" /> 
  <style>
.topedit {background:#555; padding:10px 20px; color:#888; text-align:right;}
.topedit a {color:#ddd; margin:0 10px;}
.topedit a:hover {text-decoration:underline;}
.slider .wrap {display:block;}
.slider .boxB .desc {display:block;}
.slider .boxB {height:auto;}
  </style>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
  <script type="text/javascript" src="/resources/front/template/nbo/js/jquery-1.7.2.min.js"></script> 
  <script type="text/javascript" src="/resources/front/template/nbo/js/superfish.js"></script> 
  <script src="/ckeditor/ckeditor.js"></script>
  <script type="text/javascript">
  var 24k_edit = true;
  
  
  </script>
  <script type="text/javascript" src="/ckfinder/ckfinder.js"></script>
 <#assign ctx="${springMacroRequestContext.contextPath}">
   <script type="text/javascript" src="/resources/front/template/nbo/js/jquery.anythingslider.min.js"></script> 
  <meta name="description" content="" />
  <meta name="title" content="" />
  <meta name="keywords" content="" />
 </head> 
 <body> 
 	
 <div class="topedit">
	<a href="#" class="fl dashboard">« Back to Dash Borad</a> | <a href="#" class="forsubmit">Submit</a> | <a href="#" class="go-back" >Cancel</a>
</div>
  <header>
   <h1> <a href="/index.html" class="logo"> <img src="/resources/front/template/nbo/images/logo-nbogroup.png" alt="NBOGroup" title="NBOGroup" /> </a> </h1> 
   <!--end logo--> 
   <div class="search"> 
    <input type="text" name="" /> 
    <input type="submit" name="" class="ico icoSearch" value="" /> 
   </div> 
   <!--end search--> 
<div class="lang">
        <div class="prompt">Language:</div>
        <div class="sel" "><p id="selected-Lg">English</p> <div class="ico icoLang"></div></div>
        <ul style="display:none;">
            <li><a href="#"  class="language" lg="en">English (US)</a></li>
            <li><a href="#" class="language" lg="zh_tw">Traditional Chinese</a></li>
            <li><a href="#"class="language" lg="zh_cn">Simplified Chinese</a></li>
            <li><a href="#" class="language" lg="ta">Tamil</a></li>
            <li><a href="#" class="language" lg="hi">Hindi</a></li>
            <li><a href="#" class="language" lg="ko">Korean</a></li>
            <li><a href="#" class="language" lg="ja">Japanese</a></li>
            <li><a href="#" class="language" lg="ms">Bahasa Malay</a></li>
            <li><a href="#" class="language" lg="id">Bahasa Indonesia</a></li>
            <li><a href="#" class="language" lg="th">Thai</a></li>
            <li><a href="#" class="language" lg="de">German</a></li>
            <li><a href="#" class="language" lg="fr">French</a></li>
            <li><a href="#" class="language" lg="dut">Dutch</a></li>
            <li><a href="#" class="language" lg="ru">Russian</a></li>
            <li><a href="#" class="language" lg="es">Spanish</a></li>
            <li><a href="#" class="language" lg="it">Italian</a></li>
            <li><a href="#" class="language" lg="ara">Arabic</a></li>
        </ul>
    </div>
   <nav> 
    <ul class="secNav"> 
     <li class="sel"><a href="/blog.html">Blog</a></li> 
     <li><a href="/gallery.html">Gallery</a></li> 
     <li><a href="/contact.html">Contact Us</a></li> 
     
     
    </ul> 
	    <ul class="mainNav"> 
	<@menu gname="header" ;menus>
	<#list menus as menu>
	 <li><a href="/${menu.channel.path}">${menu.name}</a> 
	  <ul> 
	 	<#list menu.children as  sm>
	 		 <li><a href="/${sm.channel.path}">${sm.name}</a> </li>
	 	</#list>
	 	</ul>
	</#list>
    
    </ul> 
   </nav> 
   <!--end nav--> 
  </header> 
  <!-- end header --> 
  <div contenteditable="true">
  <#include main>
  </div>
  
  <!-- end main --> 
  <div class="clear"></div> 
  <footer contenteditable="false"> 
  
  <#list menus as menu>
   <div class="ftLinks"> 
    <h3>${menu.name}</h3> 
	  <ul> 
	 	<#list menu.children as  sm>
	 		 <li><a href="/${sm.channel.path}">${sm.name}</a></li> 
	 	</#list>
	 	</ul>
 	</div>
	</#list>
   <div class="ftLinks last"> 
    <ul> 
     <li><a href="/resource.html">Resources</a></li> 
     <li><a href="/blog.html">Blog</a></li> 
     <li><a href="/gallery.html">Gallery</a></li> 
     <li><a href="/contact.html">Contact Us</a></li> 
    </ul> 
   </div> 
   <div class="ftR"> 
    <div class="maillist"> 
     <label>Join our mailing list!</label> 
     <input type="text" name="" /> 
     <input type="submit" name="" value="" class="ico icoMail" /> 
    </div> 
    <div class="sn">
      Connect with us on 
     <a href="#"><i class="ico icoLinkedIn"></i></a> 
    </div> 
   </div> 
   <div class="copyright"> 
    <div class="designby">
     Designed by 
     <a href="http://www.24k.com.sg/" target="_blank" title="24K Design Studio">24K Design Studio</a>
    </div> Copyright &copy; 2013 NBOGroup Pte Ltd. All rights reserved. 
   </div> 
  </footer> 
 </@menu>
  
  <!-- end footer --> 
  <script src="/resources/ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
  <script type="text/javascript">
  
  
  		 $('a').click(function(event){
  		 
		 event.preventDefault();
		  }); 	
		  $('.icoLang').click(function(){
			$(".lang").children("ul").toggle();
			$(".icoLang").toggleClass("active");
		});
  
  
  		CKEDITOR.on( 'instanceReady', function( evt ) {
			var editor = evt.editor;
			
			// Apply focus class name.
			editor.on( 'focus', function() {
				editor.container.addClass( 'cke_focused' );
			});
			editor.on( 'blur', function() {
				editor.container.removeClass( 'cke_focused' );
			});

			// Put startup focus on the first editor in tab order.
			if ( editor.tabIndex == 1 ){
				editor.focus();
			}
			CKFinder.setupCKEditor( editor, { basePath : '/ckfinder/', skin : 'v1' } ) ;
			
		});

<#if air_modify??>
<#else>  
var language = "${language!'en'}";
	$('.language').each(function() {
	var lg = $(this).attr('lg');	
	if (lg == language){
	$(this).parents().addClass("sel");
	 $("#selected-Lg").text($(this).text());	 
 	 
	}else{
    $(this).click(
        function() {
        var local = "${edit_path!''}" ;
         window.location = "/LG-"+lg+"/"+local+ "/";
        });
    }
  });
   
</#if>
   
 
  	$('.dashboard').click(function(event){
  	 window.location = "/admin/dashboard/";
  	
  	});
  	$('.go-back').click(function(event){
	  	window.history.back();
  	
  	});
  
  
  	$('.forsubmit').click(function(event){
  		
  	
 	 var ckvalue = CKEDITOR.instances.editor1.getData();
 	 			$.ajax({
			type : "POST",
			data :  {'content':ckvalue,'tid' : ${tid}},
			dataType : "json",
			success : function(data){		
				if(data && data.state && (data.state.indexOf("ERROR") != -1)){
	
					return;	
				}else{
					alert("update successfully");				 	
				}
			}
		});	
 
  	});

</script> 


 

  <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> 
  <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-12910567-3"); pageTracker._trackPageview(); } catch(err) { }</script> 
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
 </body>
</html>